<script>
export default {
  name: "HomeVie",

  methods: {
    goToPrimaryPage() {
      this.$router.push('/UserManagement'); // 导航到 'primary-page' 路由
    },
    goToSuccessPage() {
      this.$router.push('/JobManagementView'); // 导航到 'success-page' 路由
    },
    goToInfoPage() {
      this.$router.push('/AnnouncementsManagementView'); // 导航到 'info-page' 路由
    },
    goToWarningPage() {
      this.$router.push('/FeedbacksManagementView'); // 导航到 'warning-page' 路由
    },
  }
}

</script>

<template>
  <div >
    <div >
      <h1 class="text-3xl font-bold mb-4 text-center">欢迎来到校园招聘系统管理界面</h1>
      <p class="mb-6 text-center">管理和监控校园招聘活动，确保一切顺利进行。</p>
      <div class="flex flex-wrap justify-center gap-4">
        <el-row>
          <el-button type="primary" round  @click="goToPrimaryPage">用户管理</el-button>
          <el-button type="success" round @click="goToSuccessPage">职位管理</el-button>
          <el-button type="info" round @click="goToInfoPage">公告管理</el-button>
          <el-button type="warning" round @click="goToWarningPage">反馈管理</el-button>
        </el-row>
      </div>
    </div>
  </div>
</template>


<style scoped>

</style>